<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">

<title>element_toc - rexml: Ruby Standard Library Documentation</title>


<script src="../../../../../js/navigation.js" defer></script>
<script src="../../../../../js/search.js" defer></script>
<script src="../../../../../js/search_index.js" defer></script>
<script src="../../../../../js/searcher.js" defer></script>
<script src="../../../../../js/darkfish.js" defer></script>

<script src="../../../../../js/jquery-3.2.0.min.js"></script>

<script src="../../../../../js/vue.min.js"></script>
<script src="../../../../../js/js.cookie.min.js"></script>

<link href="../../../../../css/fonts.css" rel="stylesheet">
<link id='rdoccss' href="../../../../../css/rdoc.css" rel="stylesheet">
<link href="../../../../../css/carbon17.css" rel="stylesheet">

<script type="text/javascript">
  var rdoc_rel_prefix = "../../../../../";
  var index_rel_prefix = "../../../../../";
  var darkModeCsseHref = "../../../../../css/rdoc-dm.css"
  var defaultModeCssHref = "../../../../../css/rdoc.css"
  // var cssDarkmode = Cookies.get('darkmode');
  
  if( Cookies.get("darkmode") == "true") {
	$('#rdoccss').attr("href", darkModeCsseHref);
}

//  https://cssdeck.com/blog/simple-jquery-stylesheet-switcher/

document.write('<style type="text/css">body{display:none}</style>');

</script>


</head>
<body id="top" role="document" class="file">
  <!-- this is page.html -->
  <div id='actionbar' >
    <div class='wrapper mdiv'>
      <ul class='grids g0'></ul>
    </div> 
    <!-- VERSION HEADER for 3.3.0.preview2 NOT FOUND -->
  </div> <!-- end action bar -->


 <div class='wrapper hdiv'>

 


<nav id='vapp' role="navigation">
  <div id="project-navigation">
    <div id="home-section" role="region" title="Quick navigation" class="nav-section">
  <h2><a href="../../../../../index.html" rel="home">Home</a></h2>

  <div id="table-of-contents-navigation"  >
    <a href="../../../../../table_of_contents.html#pages">Pages</a>
    <a href="../../../../../table_of_contents.html#classes">Classes</a>
    <a href="../../../../../table_of_contents.html#methods">Methods</a>
  </div>
</div>

    <div id="search-section" role="search" class="project-section initially-hidden">
  <form action="#" method="get" accept-charset="utf-8">
    <div id="search-field-wrapper">
      <input id="search-field" role="combobox" aria-label="Search"
             aria-autocomplete="list" aria-controls="search-results"
             type="text" name="search" placeholder="Search" spellcheck="false"
             title="Type to search, Up and Down to navigate, Enter to load">
    </div>

    <ul id="search-results" aria-label="Search Results"
        aria-busy="false" aria-expanded="false"
        aria-atomic="false" class="initially-hidden"></ul>
  </form>
</div>

  </div>

  
  <button id='toggleThing' @click="toggleNav()" >Show/hide navigation</button>

  <div id="project-metadata">
   <div :class="isOpen ? 'block' : 'hidden' " id='toggleMe'>
    
<div id="fileindex-section" class="nav-section">
  <h3>Pages</h3>

  <ul class="link-list">
    <li><a href="../../../../../rexml-3_2_6/doc/rexml/context_rdoc.html">context</a>
    <li><a href="../../../../../rexml-3_2_6/doc/rexml/tasks/rdoc/child_rdoc.html">child</a>
    <li><a href="../../../../../rexml-3_2_6/doc/rexml/tasks/rdoc/document_rdoc.html">document</a>
    <li><a href="../../../../../rexml-3_2_6/doc/rexml/tasks/rdoc/element_rdoc.html">element</a>
    <li><a href="../../../../../rexml-3_2_6/doc/rexml/tasks/rdoc/node_rdoc.html">node</a>
    <li><a href="../../../../../rexml-3_2_6/doc/rexml/tasks/rdoc/parent_rdoc.html">parent</a>
    <li><a href="../../../../../rexml-3_2_6/doc/rexml/tasks/tocs/child_toc_rdoc.html">child_toc</a>
    <li><a href="../../../../../rexml-3_2_6/doc/rexml/tasks/tocs/document_toc_rdoc.html">document_toc</a>
    <li><a href="../../../../../rexml-3_2_6/doc/rexml/tasks/tocs/element_toc_rdoc.html">element_toc</a>
    <li><a href="../../../../../rexml-3_2_6/doc/rexml/tasks/tocs/master_toc_rdoc.html">master_toc</a>
    <li><a href="../../../../../rexml-3_2_6/doc/rexml/tasks/tocs/node_toc_rdoc.html">node_toc</a>
    <li><a href="../../../../../rexml-3_2_6/doc/rexml/tasks/tocs/parent_toc_rdoc.html">parent_toc</a>
    <li><a href="../../../../../rexml-3_2_6/doc/rexml/tutorial_rdoc.html">tutorial</a>
  </ul>
</div>

   </div>
  </div>
</nav>


<!--  carbon ads here -->

<div id='extraz'>
  <div class='adzbox-index'  >
   
  </div>
 </div>         


<main role="main" aria-label="Page rexml-3.2.6/doc/rexml/tasks/tocs/element_toc.rdoc">

<p>Tasks on this page:</p>
<ul><li>
<p><a href="#label-New+Element">New Element</a></p>
<ul><li>
<p><a href="#label-Task-3A+Create+a+Default+Element">Task: Create a Default Element</a></p>
</li><li>
<p><a href="#label-Task-3A+Create+a+Named+Element">Task: Create a Named Element</a></p>
</li><li>
<p><a href="#label-Task-3A+Create+an+Element+with+Name+and+Parent">Task: Create an Element with Name and Parent</a></p>
</li><li>
<p><a href="#label-Task-3A+Create+an+Element+with+Name-2C+Parent-2C+and+Context">Task: Create an Element with Name, Parent, and Context</a></p>
</li><li>
<p><a href="#label-Task-3A+Create+a+Shallow+Clone">Task: Create a Shallow Clone</a></p>
</li></ul>
</li><li>
<p><a href="#label-Attributes">Attributes</a></p>
<ul><li>
<p><a href="#label-Task-3A+Create+and+Add+an+Attribute">Task: Create and Add an Attribute</a></p>
</li><li>
<p><a href="#label-Task-3A+Add+an+Existing+Attribute">Task: Add an Existing Attribute</a></p>
</li><li>
<p><a href="#label-Task-3A+Add+Multiple+Attributes+from+a+Hash">Task: Add Multiple Attributes from a Hash</a></p>
</li><li>
<p><a href="#label-Task-3A+Add+Multiple+Attributes+from+an+Array">Task: Add Multiple Attributes from an Array</a></p>
</li><li>
<p><a href="#label-Task-3A+Retrieve+the+Value+for+an+Attribute+Name">Task: Retrieve the Value for an Attribute Name</a></p>
</li><li>
<p><a href="#label-Task-3A+Retrieve+the+Attribute+Value+for+a+Name+and+Namespace">Task: Retrieve the Attribute Value for a Name and Namespace</a></p>
</li><li>
<p><a href="#label-Task-3A+Delete+an+Attribute">Task: Delete an Attribute</a></p>
</li><li>
<p><a href="#label-Task-3A+Determine+Whether+the+Element+Has+Attributes">Task: Determine Whether the Element Has Attributes</a></p>
</li></ul>
</li><li>
<p><a href="#label-Children">Children</a></p>
<ul><li>
<p><a href="#label-Task-3A+Create+and+Add+an+Element">Task: Create and Add an Element</a></p>
</li><li>
<p><a href="#label-Task-3A+Add+an+Existing+Element">Task: Add an Existing Element</a></p>
</li><li>
<p><a href="#label-Task-3A+Create+and+Add+an+Element+with+Attributes">Task: Create and Add an Element with Attributes</a></p>
</li><li>
<p><a href="#label-Task-3A+Add+an+Existing+Element+with+Added+Attributes">Task: Add an Existing Element with Added Attributes</a></p>
</li><li>
<p><a href="#label-Task-3A+Delete+a+Specified+Element">Task: Delete a Specified Element</a></p>
</li><li>
<p><a href="#label-Task-3A+Delete+an+Element+by+Index">Task: Delete an Element by Index</a></p>
</li><li>
<p><a href="#label-Task-3A+Delete+an+Element+by+XPath">Task: Delete an Element by XPath</a></p>
</li><li>
<p><a href="#label-Task-3A+Determine+Whether+Element+Children">Task: Determine Whether Element Children</a></p>
</li><li>
<p><a href="#label-Task-3A+Get+Element+Descendants+by+XPath">Task: Get Element Descendants by XPath</a></p>
</li><li>
<p><a href="#label-Task-3A+Get+Next+Element+Sibling">Task: Get Next Element Sibling</a></p>
</li><li>
<p><a href="#label-Task-3A+Get+Previous+Element+Sibling">Task: Get Previous Element Sibling</a></p>
</li><li>
<p><a href="#label-Task-3A+Add+a+Text+Node">Task: Add a Text Node</a></p>
</li><li>
<p><a href="#label-Task-3A+Replace+the+First+Text+Node">Task: Replace the First Text Node</a></p>
</li><li>
<p><a href="#label-Task-3A+Remove+the+First+Text+Node">Task: Remove the First Text Node</a></p>
</li><li>
<p><a href="#label-Task-3A+Retrieve+the+First+Text+Node">Task: Retrieve the First Text Node</a></p>
</li><li>
<p><a href="#label-Task-3A+Retrieve+a+Specific+Text+Node">Task: Retrieve a Specific Text Node</a></p>
</li><li>
<p><a href="#label-Task-3A+Determine+Whether+the+Element+has+Text+Nodes">Task: Determine Whether the Element has Text Nodes</a></p>
</li><li>
<p><a href="#label-Task-3A+Get+the+Child+at+a+Given+Index">Task: Get the Child at a Given Index</a></p>
</li><li>
<p><a href="#label-Task-3A+Get+All+CDATA+Children">Task: Get All CDATA Children</a></p>
</li><li>
<p><a href="#label-Task-3A+Get+All+Comment+Children">Task: Get All Comment Children</a></p>
</li><li>
<p><a href="#label-Task-3A+Get+All+Processing+Instruction+Children">Task: Get All Processing Instruction Children</a></p>
</li><li>
<p><a href="#label-Task-3A+Get+All+Text+Children">Task: Get All Text Children</a></p>
</li></ul>
</li><li>
<p><a href="#label-Namespaces">Namespaces</a></p>
<ul><li>
<p><a href="#label-Task-3A+Add+a+Namespace">Task: Add a Namespace</a></p>
</li><li>
<p><a href="#label-Task-3A+Delete+the+Default+Namespace">Task: Delete the Default Namespace</a></p>
</li><li>
<p><a href="#label-Task-3A+Delete+a+Specific+Namespace">Task: Delete a Specific Namespace</a></p>
</li><li>
<p><a href="#label-Task-3A+Get+a+Namespace+URI">Task: Get a Namespace URI</a></p>
</li><li>
<p><a href="#label-Task-3A+Retrieve+Namespaces">Task: Retrieve Namespaces</a></p>
</li><li>
<p><a href="#label-Task-3A+Retrieve+Namespace+Prefixes">Task: Retrieve Namespace Prefixes</a></p>
</li></ul>
</li><li>
<p><a href="#label-Iteration">Iteration</a></p>
<ul><li>
<p><a href="#label-Task-3A+Iterate+Over+Elements">Task: Iterate Over Elements</a></p>
</li><li>
<p><a href="#label-Task-3A+Iterate+Over+Elements+Having+a+Specified+Attribute">Task: Iterate Over Elements Having a Specified Attribute</a></p>
</li><li>
<p><a href="#label-Task-3A+Iterate+Over+Elements+Having+a+Specified+Attribute+and+Value">Task: Iterate Over Elements Having a Specified Attribute and Value</a></p>
</li><li>
<p><a href="#label-Task-3A+Iterate+Over+Elements+Having+Specified+Text">Task: Iterate Over Elements Having Specified Text</a></p>
</li></ul>
</li><li>
<p><a href="#label-Context">Context</a></p>
</li><li>
<p><a href="#label-Other+Getters">Other Getters</a></p>
</li></ul>

</main>

</div>  <!--  class='wrapper hdiv' -->


<footer id="validator-badges" role="contentinfo">
<p><a href="https://validator.w3.org/check/referer">Validate</a></p>
<p>Generated by <a href="https://ruby.github.io/rdoc/">RDoc</a> 6.4.0.</p>
<p>Based on <a href="https://github.com/ged/darkfish/">Darkfish</a> by <a href="http://deveiate.org">Michael Granger</a>.</p>

  
    <p><p><a href="https://ruby-doc.org">Ruby-doc.org</a> is provided by <a href="https://jamesbritt.com">James Britt</a> and <a href="https://neurogami.com">Neurogami</a>. </p><p><a href="https://jamesbritt.bandcamp.com/">Hack your world.  Feed your head.  Live curious</a>.</p>
</p>
  
  </footer>

<script type="text/javascript">


  let ads  = $("#carbonads-container").children().detach();


  function swapMode() {
    var cookieName = 'darkmode';
    var cssDarkmode = Cookies.get(cookieName);
    console.log("***** swapMode! " + cssDarkmode + " *****");


    if (cssDarkmode == "true") {
      console.log("We have dark mode, set the css to light ...");
      $('#rdoccss').attr("href", defaultModeCssHref);
      $('#cssSelect').text("Dark mode");
      cssDarkmode = "false";
      console.log("swapMode! Now set cookie to " + cssDarkmode);
      Cookies.set(cookieName, cssDarkmode);

    } else {
      console.log("We not have dark mode, set the css to dark ...");
      $('#rdoccss').attr("href", darkModeCsseHref);
      $('#cssSelect').text("Light mode");
      cssDarkmode = "true";
      console.log("swapMode! Now set cookie to " + cssDarkmode);
      Cookies.set(cookieName, cssDarkmode);

    }

    console.log("  --------------- ");
  }


const vueCssApp = new Vue({
el: '#menubar',
data: {
isDark: false
},
methods: {
toggleClass: function(event){
this.isDark = !this.isDark;
}
}
})

const vueApp = new Vue({
el: '#vapp',
data: { 
isOpen: true
},

mounted() {
this.handleResize();
this.manage_mob_classes();
window.addEventListener('resize', this.handleResize)
//this.isOpen !=  (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent));
},
destroyed() {
window.removeEventListener('resize', this.handleResize)
},
created() {
//manage_mob_classes();
},

methods : {
isMobile() {
  return (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent));
},

  handleResize() {
    if (!this.isMobile()) {
      this.isOpen = window.innerWidth > 800;
    }
  },

  manage_mob_classes() {
    if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {
      $("nav").addClass("mob_nav");
      $("main").addClass("mob_main");
      $("#extraz").addClass("mob_extraz");
      $("#carbonads-container").addClass("mob_carbonads-container");
      this.isOpen  = false;
    } else {
      $("nav").removeClass("mob_nav") 
        $("main").removeClass("mob_main");
      $("#extraz").removeClass("mob_extraz");
      $("#carbonads-container").removeClass("mob_carbonads-container");
      this.isOpen  = true;
    }
  },

  toggleNav() {
    this.isOpen =! this.isOpen ;
    // alert("Toggle nav!");
    console.log("toggleNav() click: " + this.isOpen );
  }
}
})

$("#carbonads-container").append(ads);


$(function() {

    var darkmode = Cookies.get("darkmode");
    console.log("Document ready: " + darkmode);

    if ( darkmode  == "true" ) {
      $('#cssSelect').text("Light mode");
    } else {
      $('#cssSelect').text("Dark mode");
     }

    $('body').css('display','block');
    });

</script>

    
  </body> 
</html>

